<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.css"/>
    <script src="./bower_components/jquery/dist/jquery.js"></script>
    <script src="./bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <title>Document</title>
</head>
<body>
     <button class="btn btn-lg btn-default">
         <span class="glyphicon glyphicon-star"> star</span>
     </button>
     <div class="container-fluid">
         <div class="row">
             <div class="col-md-10">
                  <div style="position: relative">
                      <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" data-target="testmenu">toggle</button>
                      <ul class="dropdown-menu" id="testmenu">
                          <li><a href="#">4</a></li>
                          <li><a href="#">5</a></li>
                          <li><a href="#">6</a></li>
                          <button class="btn btn-success">test</button>
                      </ul>
                  </div>
             </div>
         </div>
         <div class="row">
             <div class="col-md-10">
                 <div class="btn-group btn-group-justified">
                     <a class="btn btn-success" href="#">1</a>
                     <a class="btn btn-success" href="#">2</a>
                     <a class="btn btn-success" href="#">3</a>
                     <button class="btn btn-success">4</button>
                 </div>
             </div>
         </div>
     </div>

</body>
</html>